.long-term-allocation-factor {
  display: flex;
  flex-direction: column;
  height: var(--page-height);

  .long-term-allocation-factor-content {
    .children-box {
      display: flex;
      overflow: hidden;
      .left,
      .right {
        width: 50%;
        height: 100%;
      }

      .left {
        padding-right: 20px;
        border-right: 1px solid var(--bd-a50);
        .ant-spin-nested-loading {
          height: 100%;
        }
        .ant-spin-container {
          display: flex;
          flex-direction: column;
          height: 100%;
        }
        .dimension {
          padding-top: 8px;
          padding-bottom: 14px;
        }
        .table-box {
          flex: 1;
          overflow: auto;
          .is-maintained {
            color: var(--font-primary);
            cursor: pointer;
          }
        }
      }

      .right {
        padding-left: 20px;

        .ant-spin-nested-loading {
          height: 100%;
        }
        .ant-spin-container {
          display: flex;
          flex-direction: column;
          height: 100%;
        }

        .title {
          font-size: 18px;
        }
        .charts-options-box {
          display: flex;
          align-items: center;
          justify-content: end;
          .ant-select {
            margin-right: 10px;
          }
        }
        .charts-box {
          flex: 1;
          padding-top: 14px;
          // overflow: hidden;
        }
      }
    }
  }
}
